<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
	Object obj = session.getAttribute("user");
	if(obj!= null){
		response.sendRedirect("index.jsp");
	}
%>
<!DOCTYPE html>
<html style="font-size: 100px;">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>登录</title>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta name="viewport" content="width=750, minimum-scale=0.4, target-densitydpi=device-dpi,user-scalable=no,">
    <link rel="stylesheet" type="text/css" href="css/m.jui.css" />
    <link rel="stylesheet" type="text/css" href="css/all.css" />
</head>
	<body style="background: #FFFFFF;">
	 	<header class="jui-bar jui-barwhite" style="background: #FFFFFF;color: #2a2a2a;">
			<p class="iconfont fl"><a href="index.jsp">&#xe7e0;</a></p>
			<h1 class="title" style="color:#2a2a2a;">账号登录</h1>
		</header>		
		
		<div class="logins">
			<div class="logo_img">
				<img src="img/logo_03.png"/>
			</div>
			
			<form method="POST" action="DoUser">
				<input type="hidden" name="choise" value="login"/>
				<div class="logo_ways clearfix">
					<p class="iconfont logo_ico fl">&#xe60c;</p>
					<div class="logo_input fl">
						<input type="text" name="username" placeholder="请输入账号"/>	
					</div>
				</div>
				<div class="logo_ways clearfix">
					<p class="iconfont logo_ico fl">&#xe60c;</p>
					<div class="logo_input fl">
						<input type="password" placeholder="请输入密码" name="userpwd" id="" value="" />	
					</div>
				</div>
				<div class="logo_ways clearfix">
					<p class="iconfont logo_ico fl">&#xe60d;</p>
					<div class="logo_input fl" style="width:3.5rem;">
						<input type="text" onblur="isTrue()" placeholder="请输入图片验证码" name="verCode" id="verCode" value="" />	
					</div>
					<!-- <button class="fl" id="J_GetCode">发送验证码</button> -->
					<img alt="" class="fl" id="J_GetCode"  src="VerifyCodeServlet">
				</div>	
				<p style="color: #666666;font-size: .22rem;margin-top: .3rem;">新用户验证码登录即注册为飓速网会员</p>
				<!-- <a href="" class="button login_btn"  style="visibility: hidden"  id="login_btn" style="margin-top: .8rem;">登录</a> -->
				<input value="登陆" type="submit" class="button login_btn"  style="visibility: hidden"  id="login_btn" style="margin-top: .8rem;" />
				<p style="font-size: .22rem;margin-top: .2rem;color:#666666;">登录即为同意<a href="" style="text-decoration:underline;color:#FF8A00;">《飓速网用户协议》</a></p>
				
			</form>
			<p class="other_login">其他登录方式</p>
			<div class="content other_img">
				<div class="row no-gutter" style="padding: 0;">
					 <div class="col-33">
					 	 <img src="img/login_07.png"/>
					 </div>
					 <div class="col-33">
					 	 <img src="img/cash_03.png"/>
					 </div>
					 <div class="col-33">
					 	 <img src="img/cash_06.png"/>
					 </div>					 
				</div>
			</div>
		</div>
		<script src="js/jquery-3.1.1.js"></script>
		<script type="text/javascript" src="js/m.juiall.js" ></script>
	</body>
	<script>
		function isTrue(){
			var verCode = document.getElementById("verCode").value;
			$.ajax({
				url:'IsTrue',
				type:'GET',
				data:'code=' + verCode,
				dataType:'text',
				success:function(result){
					//alert(result)
					if(result=="true"){
						$("#login_btn").css('visibility','visible');
					}else{
						$("#login_btn").css('visibility','hidden');
					}
				},
				error:function(){
					alert("shibai");
				}
			})
			
		}
	</script>
</html>
